<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>我的详情</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
    <div>
        <header>
            <div class="header">
                <h1>我的详情</h1>
                <a href="userPu.html" class="return"><i class="icon-16"></i></a>
            </div>
        </header>
        <div style="height: 2.5rem;"></div>
    </div>
	<!-- 企业详情 firmDetails -->
	<div class="firmDetails">
		<div class="firmD-head">
			<img src="images/user-img0.jpg">
			<div class="fD-text">
				<h1>郭小帅</h1>	
				<div class="fD-association">
					<em class="arrow-left"></em>
					<span>90后创业社</span>
				</div>
			</div>
		</div>
		<div class="firmD-tab">
			<!-- tab nav -->
			<ul id="tab_btn" class="tab-list">
                <li class="pick">基本信息</li>
                <!--<li><span class="bar"></span>背景信息</li>-->
                <li><span class="bar"></span>供求信息</li>
            </ul>
            <!-- tab nav end-->
            <ul>
                <li class="tab_content show">
                	<div class="firmD-menu">
						<ul class="vconlist">
							<li class="firmD-img"><img src="images/qy.png"></li>
							<li>
								<label>姓名</label>
								<div class="vcon-content">郭小帅</div>
							</li>
							<li>
								<label>性别</label>
								<div class="vcon-content">男</div>
							</li>
							<li>
								<label>籍贯</label>
								<div class="vcon-content">广东肇庆</div>
							</li>
							<li>
								<label>政治面貌</label>
								<div class="vcon-content">中共党员</div>
							</li>
							<li>
								<label>年采购额</label>
								<div class="vcon-content">102万元</div>
							</li>
							<li>
								<label>采购年限</label>
								<div class="vcon-content">10年</div>
							</li>
							<li>
								<label>联系电话</label>
								<div class="vcon-content">13112224413</div>
							</li>
							<li>
								<label>微信</label>
								<div class="vcon-content">13112224413</div>
							</li>
							<li>
								<label>邮箱</label>
								<div class="vcon-content">
									g1079832313@163.com
								</div>
							</li>
							<li>
								<label>联系地址</label>
								<div class="vcon-content">
									广东省广州市番禺区祈福新村B区17街108
								</div>
							</li>
							<li>
								<label>兴趣爱好</label>
								<div class="vcon-content">
									篮球，羽毛球，骑自行车
								</div>
							</li>
							<div class="cl"></div>
						</ul>
					</div>
                </li>
                <!--
                <li class="tab_content">
                	<ul class="product-list">
                		<li class="product-item">
                			<a href="itemdetails.html">
                				<div alt="康师傅冰红茶550ML" class="product-item-pic">
                					<img src="images/bhc2.jpg">
                				</div>
                				<p class="product-item-title">康师傅冰红茶550ML</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                	</ul>
                </li>-->

                <li class="tab_content">
                	<ul class="vconlist supply bio-supply">
						<li>
							<a href="supplyDetails.html">
								<label><span class="btn btn-green">供应</span></label>
								<div class="vcon-content">
									<span class="supply-text"> 10吨黑美人西瓜待销售 </span> 
									<span class="supply-time">
										2016-04-25
										<span class="icon-uniE926"></span>
									</span>
								</div>
							</a>						
						</li>
						<li>
							<a href="#">
								<label><span class="btn btn-red">求购</span></label>
								<div class="vcon-content">
									<span class="supply-text"> 需要10吨黑美人西瓜 </span>
									<span class="supply-time">
										2016-04-25
										<span class="icon-uniE926"></span>
									</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<label><span class="btn btn-red">求购</span></label>
								<div class="vcon-content">
									<span class="supply-text"> 需要5吨进口凤梨 </span>
									<span class="supply-time">
										2016-04-25
										<span class="icon-uniE926"></span>
									</span>
								</div>
							</a>						
						</li>
						<li>
							<a href="#">
								<label><span class="btn btn-green">供应</span></label>
								<div class="vcon-content">
									<span class="supply-text"> 5吨进口凤梨待销售 </span>
									<span class="supply-time">
										2016-04-25
										<span class="icon-uniE926"></span>
									</span>
								</div>
							</a>
						</li>
						<div class="cl"></div>
					</ul>
                </li>
            </ul>
		</div>
	</div>
    <script type="text/javascript">
	    //TAB切换
	    var tab_Btns_box=document.getElementById('tab_btn');
	    var tab_Btns=tab_Btns_box.getElementsByTagName('li');
	    var tab_contents=document.getElementsByClassName('tab_content');
	    for(var i=0;i<tab_Btns.length;i++){
	    tab_Btns[i].index=i;

	    tab_Btns[i].onclick=function(){
	     for(var i=0;i<tab_Btns.length;i++){
	     if(i!==this.index){
	     tab_Btns[i].classList.remove('pick')
	     }
	     }
	     tab_Btns[this.index].className="pick";

	     for(var j=0;j<tab_contents.length;j++){
	     if(j!==this.index){
	         tab_contents[j].classList.remove('show');
	     }
	         tab_contents[this.index].classList.add('show');
	     }
	    }
	    }
    </script>
</body>
</html>